.component-couponItem {
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.06);
	border-radius: 0.06rem;
	.couponItem-content {
		margin: 0.3rem 0 0 0;
		border-radius: 0.06rem 0.06rem 0 0;
		height: 2.5rem;
		background: url("../../../images/paymentDiscount/bg_kq1@2x.png") top
			center/100% auto no-repeat #fff;
		padding: 0.2rem 0.32rem 0.2rem 0.2rem;
		.content-msg {
			position: relative;
			width: 100%;
			padding: 0 0 0.16rem 0;
			.msg-describe {
				.describe-discount {
					border-radius: 0.06rem;
					width: 1.6rem;
					height: 1.4rem;
					background: linear-gradient(90deg, #ff243f 0%, #ff2432 100%);
					.discount-tips {
						padding: 0.08rem 0 0 0;
					}
				}
				.describe-discount2 {
					background: #dddddd;
				}
				.describe-pic {
					border-radius: 0.06rem;
					width: 1.6rem;
					height: 1.4rem;
					.describe-img {
						border-radius: 0.06rem;
						width: 100%;
						height: 100%;
					}
				}
			}
			.msg-explain {
				width: 100%;
				padding: 0 0 0 0.2rem;
				overflow: hidden;
				.explain-word {
					width: 100%;
					.word-hot {
						margin: 0 0.1rem 0 0;
						border: 1px solid #f82633;
						border-radius: 0.06rem;
						height: 0.36rem;
						line-height: 0.36rem;
						text-align: center;
						color: #f82633;
						.hot-text {
							display: inline-block;
						}
					}
					.word-hot2 {
						border: 1px solid #ddd;
						color: #ddd;
					}

					.word-name {
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow: hidden;
						word-break: break-all;
						color: #302e2f;
					}
					.word-name2 {
						color: #666;
					}
				}
				.explain-b {
					.explain-tips {
						padding: 0.24rem 0 0 0;
						.tips-money {
							color: #302e2f;
							.money-l {
								padding: 0 0.16rem 0 0;
								.money-num {
									color: #ff3534;
								}
								.money-num2 {
									color: #999;
								}
								.money-text {
									padding-bottom: 0.06rem;
								}
							}
							.money-r {
								padding-bottom: 0.06rem;
							}
						}
						.tips-money2 {
							color: #999;
						}
					}
					.explain-tips2 {
						color: #999;
					}
					.explain-btn {
						margin: 0.28rem 0 0 0;
						width: 1.36rem;
						height: 0.48rem;
						line-height: 0.48rem;
						text-align: center;
						border-radius: 0.24rem;
						background: #f82633;
						color: #fff;
						.btn-text {
							display: inline-block;
						}
					}
					.explain-btn-active {
						background: none;
						border: 1px solid #f82633;
						color: #f82633;
					}
					.explain-btn2 {
						position: absolute;
						top: 0;
						right: 0;
						width: 1.28rem;
						height: 1.28rem;
						background: url("../../../images/paymentDiscount/ic_ysy@2x.png") top
							center/100% auto no-repeat;
					}
					.explain-btn3 {
						background: url("../../../images/paymentDiscount/ic_ygq@2x.png") top
							center/100% auto no-repeat;
					}
				}
			}
		}
		.content-detail {
			padding: 0.22rem 0 0 0;
			.detail-t {
				.detail-t-date {
				}
				.detail-t-date2 {
					color: #999;
				}
				.detail-t-btn {
					.btn-icon {
						display: inline-block;
						width: 0.32rem;
						height: 0.32rem;
						background: url("../../../images/paymentDiscount/ic_zk2@2x.png") top
							center/100% auto no-repeat;
						transition: all 0.2s ease-out;
					}
					.btn-icon-show {
						transform: rotate(180deg);
						transition: all 0.2s ease-out;
					}
					.btn-text {
						padding: 0 0.16rem 0 0;
					}
				}
			}
		}
	}
	.couponItem-content2 {
		border-radius: 0.06rem;
	}
	.couponItem-describe {
		border-radius: 0 0 0.06rem 0.06rem;
		padding: 0.2rem;
		line-height: 0.48rem;
		color: #302e2f;
		background: #fff;
	}
	.couponItem-describe-no-show {
		display: none;
	}
}
